<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
#box {
	width: 61.2rem;
	height: auto;
	text-align: center;
}

.tittle {
	font-size: 4rem;
}

.shcount {
	font-size: 2rem;
}

.count {
	font-size: 2.5rem;
	line-height: 4rem;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}
</style>
<script type="text/javascript">
	//页面获取数据
	$(function() {
		refurbishIndex();

	});
	function refurbishIndex() {
		$.ajax({
			type : "get",
			url : "/jian/list",
			data : {

			},
			async : false,
			success : function(data) {
				var str = "";
				for (i in data) {
					str += "<p class='tittle>'" + data[i].title + "</p>"
							+ "<p class='shcount>'" + data[i].shcount + "</p>"
							+ "<div class='count'>" + data[i].count + "</div>"

				}
				document.getElementById("box").innerHTML = str;
			}
		});
	}
</script>
<body>
	<div id="box"></div>
</body>
</html>